html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

h1.title-one {
    margin-top: 2rem;
    font-family: "Roboto";
    color: #fff !important;
}

h2.title-three {
    margin-top: 2rem;
    font-family: "Roboto";
    color: #008444 !important;
}

.container-yto-three,
.container-yto-four{
    max-width: 1400px;
    margin: 0 auto;
    padding-left: 2rem;
    padding-right: 2rem;
    box-sizing: border-box;
}

.section-three-background,
.section-four-background{
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    box-sizing: border-box;
}

/* .section-one-background {
    background: linear-gradient(45deg, #008444, #C8D303);
    padding: 1rem 0;
} */

.section-three-background {
    background: linear-gradient(45deg, #008444, #C8D303);
    padding: 1rem 0;
}

.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
}

img.first-img {
    max-width: 100%;
    width: 30rem;
    height: auto;
}

img.second-img {
    max-width: 100%;
    width: 30rem;
    height: auto;
}

h2.title-four {
    color: #008444 !important;
    padding-top: 1.5rem;
}

h2.title-five {
    color: #fff !important;
    padding-top: 1.5rem;
}

li {
    font-family: 'Roboto';
    color: #000;
}

.card-body {
    background: #f3f3f3;
    border: 2px solid #008444;
    border-radius: 8px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgb(0 132 68 / 48%) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    padding: 15px;
}

a.link {
    color: #fff;
    text-decoration: none;
    font-family: "Roboto";
    font-weight: bold;
    border: none;
    padding: 10px;
}

h4.heading.card-title {
    color: #000;
    font-weight: bold;
    font-family: "Roboto";
}

.clear-wrap::after {
    content: "";
    clear: both;
    display: table;
}

ul.bullet-points-two li {
    list-style: none;
}


img.wrapped-img {
    float: left;
    width: 350px;
    max-width: 40% !important;
    height: auto;
    margin-right: 2rem;
    margin-bottom: 1.5rem;
    border: 1px solid #008444;
    text-align: center !important;
    box-shadow: rgb(0 0 0) 0px 5px 15px;
    border-radius: 8px !important;
}

ul.bullet-points-two {
    list-style-position: inside;
    padding-left: 0;
}
.col-8 {
    margin-left: -3rem;
}